<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.clearfix{
	zoom:1;
}
*{ margin: 0; padding: 0; border: 0; }
li{
	list-style-type: none;
}
.clearfix:after{
	clear: both;
	content: ' ';
	display: block;
	height: 0;
	visibility: hidden;
}
input#search {
    width: 80%;
}
*{
	margin: 0;
	padding: 0;
}
[class*="col-"]{
	float:left;
}
html{
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, serif
}
input{
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif, serif
}
a{
	text-decoration: none;
}
img {
	display: inline-block;
	border: none;
	max-width: 100%;
}
body{
	font-size: 16px;
}
nav.nav&gt;ul&gt;li&gt;a:hover {
    color: #c7342c;
}
ul.secondNav {
    display: none; 
}
.show {
    width: 100%;
    overflow: auto;
}
nav.nav&gt;ul&gt;li&gt;a {
    text-decoration: none;
    color: #66727a;
}
.language&gt;img {
    vertical-align: middle;
    margin: 2px 5px;
}
.language&gt;span {
	   
    padding-right: 12px;
    height: 88px;
    display: inline-block;
}
nav.nav {
    line-height: 88px;
    float: right;
        /*width: 778px;*/
}
.logo {
    float: left;
}
 header {
    height: 88px;
    background-color: #f0f3f5;
}
.foMain {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 2;
    color: #67737a;
}
.proMobileShow {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background-color: rgba(0, 0, 0, 0.88);
	        display: none;
	}
.dz {
    text-align: center;
    width: 100%;
}
.foMain&gt;ul&gt;li {
    float: left;
    margin: 0px 2.78%;
}
.footerBottom {
    background-color: #f0f3f5;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #999
}
.foMain&gt;ul {
    width: 70%;
    margin: auto;
}
.navContainer {
    margin: auto;
    width: 1120px;
    position: relative;
}
.footerMain {
	    width: 1120px;
    margin: auto;
}
footer {
    height: 110px;
       background-color: #e6e9eb;
   position: relative;
    padding: 30px 0px
}
.ewm {
    position:absolute;
    text-align: center;
    height: 120px;
    line-height: 1.5;
}
/*浜у搧涓績*/
.proTitleCho {
    color: #bf3222;
    width: calc(150px - 1px);
	    width: -webkit-calc(150px - 1px);
	    width: -moz-calc(150px - 1px);
	    width: -webkit-calc(150px - 1px);
	    width: -moz-calc(150px - 1px);
    text-align: center;
}
.proTbTitle img {
    vertical-align: middle;
}
.proTbTitle {
    width: 310px;
    font-size: 20px;
    margin: 40px auto;
}
.le{
	width:154px;
    float: left;
    text-align: center;
}
.ri {
    width: 154px;
    float: right;
    text-align: center;
    border-left: 1px solid #bdbdbd;
}
.proTbTitle img {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 10px;
}
.proTbTitle&gt;div {
    cursor: pointer;
    float: left;
}
a.prosTr {
    display: block;
    width: 32.32%;
    float: left;
    margin-right: 1%;
}
a.prosTr&gt;img {
    float: left;
    width: 100%;
        height: auto;
}
a.prosTr {
    display: block;
    width: 31.332%;
    float: left;
    margin-right: 2%;
    background-color: white;
    margin-bottom: 2%;

    		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		 -o-transition:all 0.5s;
		 -ms-transition:all 0.5s;
		 -moz-transition:all 0.5s;
}
a.prosTr:hover {
    box-shadow: 1px 1px 12px rgba(64, 64, 64, 0.59);
} 
.proWords {
    font-size: 16px;
	color: #67737a;
    padding: 20px;
    line-height: 2;
    float: left;
}
.application-prosTb .proWords {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.mainWords {
    font-size: 14px;
    color: #67737a;
}
.proWords&gt;span {
    font-weight: bold;
}
ul.pages&gt;li&gt;a,.pagesShow&gt;li&gt;a {
    display: block;
    padding: 0 8px;
    color: #9aacb8;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
ul.pages&gt;li,.pagesShow&gt;li {
    border: 1px solid #dbdbdb;
    float: left;
}
li.pageNum&gt;a {
	width: 30px;
    text-align: center;
    padding: 0 !important;
}
#pagesShow{	
    text-align: center;
    overflow: hidden;
}
#pagesShow&gt;div {
	display: inline-block;
    margin: 3px;
    border: 1px solid #dbdbdb;
}
#pagesShow&gt;div&gt;a {
    padding: 0 10px;
    color: #9aacb8;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.pagenavigateon {
    color: white !important;
    background-color: #33393d;
}

.banner li{
	 padding: 10px 0px 0px 10px;
	 transition:all 1s;
	-webkit-transition:all 1s;
	 -o-transition:all 1s;
	 -ms-transition:all 1s;
	 -moz-transition:all 1s;
	 transform: rotateY(180deg);
	 -webkit-transform: rotateY(180deg);
	
}
.banner li:nth-child(1){
		 transition:all 1s;
	-webkit-transition:all 1s;
	 -o-transition:all 1s;
	 -ms-transition:all 1s;
	 -moz-transition:all 1s;
    transform: rotateY(0deg) !important;
	-webkit-transform: rotateY(0deg) !important;
	
}

.mainArticle {
	position: relative;
	overflow: hidden;
}
.mainArticle img {
	max-width: 100%;
}
@media(min-width:961px){

	nav.nav {
		display: flex;
	}
	nav.nav&gt;ul {
		margin-right: 120px;
	}
	nav.nav&gt;ul&gt;li:hover .secondNav{
		display: block;
	}
	ul.languageChange&gt;li&gt;a {
	    color: white;
	}
	.linetop {
	    height: 23px;
	    width: 1px;
	    background-color: #7b727a;
	    display: inline-block;
	    position: absolute;
	    top: 33px;
	    right: 38px;
	}
	ul.languageChange&gt;li {
	    float: left;
	    width: 33.33%;
	    white-space: nowrap;
	}
	ul.languageChange&gt;li:last-child {
		padding-right: 0;
	}
	.language {
    	position: relative;
	    float: right;

	}
	ul.languageChange:before{
		content: ' ';
	    display: block;
	    width: 21px;
	    height: 9px;
	    position: absolute;
	    top: -8px;
		right: 56px;
	    background-image: url(../images/tri.png);
	    z-index: 999;
	    background-size: contain;
	}
	.language&gt;span:hover .languageChange{
		display: block;
	}
	ul.languageChange&gt;li:hover {
	    background-color: #a82b1f;
	    border-bottom: 1px solid #dbdbdb;
	}
	.languageChange {
	    position: absolute;
	    right: 0;
	    z-index: 1;
	    background: #383b3d;
	    text-align: center;
	    height: 48px;
	    line-height: 48px;
	    display: none;
	    padding-left: 5px;
	    padding-right: 5px;
	    width: 140px;
	}
	.searchContainer {
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    width: 92%;
	    right: 0;
	    background-color: #fff;
	    display: none;
	}
	.searchContainer&gt;input{
		height: 88px;
		line-height: 88px;
		padding-left:25px
	}
	.searchContainer&gt;img {
	    float: right;
	    margin-right: 25px;
	    margin-top: 30px;
	    cursor: pointer;
	}
	input[placeholder], [placeholder], *[placeholder] {
		color: #9aacb8;
		outline: #9aacb8;
	}
	div#pagesShow {
	    padding-top: 35px;
	    padding-bottom: 45px;
	}
	.newsbtns {
	    display: none;
	}
	nav.nav&gt;ul&gt;li {
	    list-style-type: none;
	    float: left;
	    margin: 0 15px;
	    position: relative;
	}
	.logo&gt;a {
	    display: block;
	    width: 70px;
	    height: 70px;
	        margin-top: 9px;
	}
	div#float {
	    position: absolute;
	    bottom: 32px;
	    right: 120px;
	    z-index: 99;
	}
	ul.secondNav {
	    position: absolute;
	    z-index: 1;
	    width: 168px;
	    display: none;
	    left: 50%;
	    -webkit-transform: translate(-50%, 0);
	    -moz-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    -o-transform: translate(-50%, 0);
	    transform: translate(-50%, 0);
	}
	ul.secondNav&gt;li:first-child:before {
        content: ' ';
	    display: block;
	    width: 21px;
	    height: 9px;
	    position: absolute;
	    top: -8px;
	    left: 50%;
	    margin-left: -11px;
	    background-image: url(../images/tri.png);
	    z-index: 999;
	    background-size: contain;
	}
	ul.secondNav a {
	    display: block;
	    padding: 12px 0;
	    line-height: 26px;
	    text-align: center;
    	color: white;
		border-bottom: 1px solid transparent;
	    background-color: rgba(56, 59, 61, 0.9);
	}
	ul.secondNav a:hover{
		background-color: #a82b1f;
		border-bottom-color: #dbdbdb;
	}
	/*鍐呴〉*/
	.banners {
	    height: 262px;
	    background-image: url(../images/introbanner.png);
	    background-size: cover;
	    background-position: center;
	    /*background-position: fixed;*/
	}
	.long{
		width: 1120px;
		position: relative;
		margin: auto
	}
	.bannerWords {
		padding: 0 20px;
	    min-width: 100px;
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    background-color: #a82b1f;
	    color: white;
	    position: absolute;
	    right: 0;
	    top: 100px;
	}
	/*鍏充簬*/
	.main {
	    background-color: #f0f3f5;
	}
	.mainBgWhite {
		background-color: #fff;
	}
	.mainContainer {
	    width: 1120px;
	    margin: auto;
	    padding: 50px 0px 60px 0px;
	}
	.mainleft {
	    float: left;
	    width: 280px;
	    /*height: 375px;*/
	}
	.mainLeftTitle {
	    display: flex;
	    align-items: center;
	    padding-left: 50px;
	    height: 100px;
	    background-color: #bf3222;
	    color: white;
	    font-size: 28px;
	}
	ul.mainTitle&gt;li {
	    height: 70px;
	    line-height: 70px;
	    padding-left: 50px;
	    font-size: 16px;
	    position: relative;    border-bottom: 1px solid #dbdbdb;
	}
	ul.mainTitle&gt;li&gt;a:after {
	    content: ' ';
	    display: block;
	    background-image: url(../images/iconb.png);
	    background-size: cover;
	    position: absolute;
	    right: 20px;
	    top: 28px;
	    width: 15px;
	    height: 15px;
	}
	ul.mainTitle&gt;li:hover a,.mainTitleChoose&gt;a{
		color: #bf3222 !important;
		cursor: pointer;
	}
	li.mainTitleChoose, ul.mainTitle&gt;li:hover{
	    border-left: 2px solid #bf3222;  
	}
	ul.mainTitle&gt;li:hover a:after,.mainTitleChoose&gt;a:after{
		background-image: url('../images/iconc.png') !important;

	}
	ul.mainTitle&gt;li&gt;a {
		color: #67737a;
	}
	ul.mainTitle {
	    background-color: #e1e4e5;
	}
	.mainright {
	    width: 796px;
	    float: right;
	    color: #67737a;
	}
	.rightTitle {
	    color: #33393d;
	    font-size: 20px;
	    float: left;
	}
	ul.rightML a {
	    font-size: 14px;
	    color: #67737a;
	    float: left;
	}
	.rightLinks&gt;span {
	    font-size: 14px;
	    margin-left: 10px;
	}
	ul.rightML {
	    float: right;
	}
	.rightLinks {
	    float: right;
	    margin-top: 6px;
	}
	ul.rightML&gt;li,.rightLinks&gt;img,.rightLinks&gt;span{
	    float: left;
	}
	ul.rightML a:hover{
		color: #bf3222;
	}
	ul.rightML&gt;li&gt;img {
	    padding: 0px 2px;
	}
	.rightLinks&gt;img {
	    margin-top: 1px;
	}
	.mainArticle {
	    padding: 20px 0;
	    line-height: 2;
	}
	.timesIntro {
	    float: left;
	    width: 82%;
	    text-align: justify;
	}
	ul.aboutLists&gt;li {
		    line-height: 23px;
	    color: #67737a;
	    font-size: 16px;
	    display: block;
	    padding: 20px 0px;
	    border-top: 1px dashed #dbdbdb;
	}
	ul.aboutLists img, .time {
	    float: left;
	    margin-right: 15px;
	}
	.mainRightTop.clearfix {
		position: relative;
	    padding: 20px 0;
	    border-bottom: 1px solid #dbdbdb;
	}
	/*鍏徃浠嬬粛*/
	.mainArticle&gt;img {
	    max-width: 100%;
	}
	/*鎶€鏈�*/
	.mainTop {
	    width: 1120px;
	    margin: auto;
	    border-bottom: 1px solid #dbdbdb;
	}
	.temain {
	    background-color: #f0f3f5;
	    padding-top: 45px;
	}
	.mainteTitle {
	    color: white;
	    background-color: #bf3222;
	    text-align: center;
	    line-height: 80px;
	    font-size: 28px;
	    width: 220px;
	    float: left;
	}
	.mainTitle {
	    color: white;
	    background-color: #bf3222;
	    text-align: center;
	    line-height: 80px;
	    font-size: 28px;
	    /*margin-bottom: -15px;*/
	    box-shadow: 2px 2px 1px #dbdbdb;
	    width: calc(100% - 2px);
	    	    width: -webkit-calc(100% - 2px);
	    width: -moz-calc(100% - 2px);
	    width: -webkit-calc(100% - 2px);
	    width: -moz-calc(100% - 2px);
	}
	.teMain {
	    width: 1120px;
	    margin: auto;
	    padding: 30px 0px;
	}
	hr.teLine {
	    background-color: #bf3222;
	    width: 70px;
	    height: 2px;
	    margin-top: 20px;
	}
	.teMain&gt;article {
	    color: #67737a;
	    line-height: 2;
	    padding: 20px 0px;
	}
	.carImg {
	    width: 744px;
	    height: 417px;
	    background-image: url(../images/bgw.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    -webkit-background-size: cover;
	    background-size: cover;
	    margin: auto;
	    position: relative;
	}
	span.circleRed {
	    display: block;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    background-color: #bf3223;
	    border-radius: 50%;
	    color: white;
	    font-size: 25px;
	    float: right;
	    margin-right: 10px;
	}
	span.circleBlue {
	    display: block;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    background-color: #2372b5;
	    border-radius: 50%;
	    color: white;
	    font-size: 25px;
	    float: right;
	    margin-right: 10px;
	}
	span.componentWords {
	    height: 32px;
	    line-height: 32px;
	    display: block;
	}
	.component {
	    position: absolute;
	    color: white;
	    width: 125px;
	    height: 35px;
	    line-height: 35px;
	    cursor: pointer;
	}
	.component.zuoyi {
		top: 19%;
    	left: 32%;
	}
	.component.zhangjinlun {
		top: 43%;
	    left: 5%;
	}
	.component.mensuo {
		top: 47%;
	    left: 26%;
	}
	.component.kongtiao {
	    top: 29%;
	    left: 60%;
	}
	.component.houshijing {
		top: 56%;
	    left: 44%;
	}

	li.Bluespan {
	    color: #265d8c;
	}li.Redspan {
	    color: #bf3223;
	}
	ul.cotips {
	    width: 500px;
	    margin: auto;
	    height: 20px;
	    margin-top: 80px;
	}
	li.Redspan&gt;span {
	    display: block;
	    width: 12px;
	    height: 12px;
	    text-align: center;
	    background-color: #bf3223;
	    border-radius: 50%;
	    color: white;
	    font-size: 25px;
	    float: left;
	    margin-top: 4px;
	    margin-right: 5px;
	}
	li.Bluespan&gt;span {
	    display: block;
	    width: 12px;
	    height: 12px;
	    text-align: center;
	    background-color: #265d8c;
	    border-radius: 50%;
	    color: white;
	    font-size: 25px;
	    float: left;
	    margin-top: 4px;
	    margin-right: 5px;
	}
	ul.cotips&gt;li {
	    float: left;
	    margin-right: 5px;
	}
	.picsWords {
	    font-size: 36px;
	    color: #d8e0eb;
	    font-family: 'Myriad Pro','Arial';
	}
	.zw {
    	font-size: 22px;
	    color: #33393d;
	    line-height: 2;
	}
	.picsLbContainer1{
	    border-top: 1px solid #bdbdbd;
	}
	.picsLbContainer {
	    margin-top: 50px;
	    padding-top: 45px;
	    position: relative;
	        overflow: hidden;
	            padding-bottom: 10px;
	}
	.picsLeft {
	    width: 49.5%;
	    float: left;
	    color: #67737a;
	    line-height: 2;
	    font-size: 16px;
	    height: 320px;
	    padding-bottom: 25px;
	    border-bottom: 1px dashed #bdbdbd;
	}
	.picsRight {
	    position: relative;
	    border: 2px solid #bf3223;
	    float: left;
	    width: 48%;
	    height: 336px;
	}
	.picsRight img {
	    height: 340px;
	}

	/*.imghover {
		 transition:all 1s;
		-webkit-transition:all 1s;
		 -o-transition:all 1s;
		 -ms-transition:all 1s;
		 -moz-transition:all 1s;
	    transform: rotateY(0deg) !important;
    	-webkit-transform: rotateY(0deg) !important;

	}  */  
	.picControl {
	    float: left;
	    vertical-align: middle;
	    margin-top: -1px;
	    margin-right: 10px;

	}
	.controler&gt;span {
	    font-size: 16px;
	    color: #67737a;
	}
	.picControl&gt;img {
	    margin-right: 5px;
	    cursor: pointer;
	}
	.controler.r {
	    right: 29%;
	}
	.controler {
	    position: absolute;
	    bottom:15px;
	}
	.picsLeft.r {
	    margin-left: 5%;
	    width: 46%;
	}
	.picsLeft.l {
	    width: 46%;
	    margin-right: 5%;
	}
	hr.picsline {
	    height: 2px;
	    width: 70px;
	    background-color: #bf3223;
	}
	img.picsDetails {
	    display: none;
	    position: absolute;
	    z-index: 1;
	    margin-left: 120px;
	    margin-top: -100px;
		max-width: 170px;
	}
	.component:hover img {
	    display: block;
	}
	
	
}
@media (min-width:961px) and (max-width: 1200px){ 

	.carImgContainer{
		/*display: none;*/
	}
	.carImg {
		width: 640px;
		height: 360px;
	}
	nav.nav&gt;ul&gt;li {
	    list-style-type: none;
	    float: left;
	    margin: 0 15px;
	}
	.footerMain{
		height: 147px;
		background-color: #e6e9eb;
		
	}
	footer{
		position: relative;
	}
	.navContainer,.newsCenter,.footerMain{
		width: 100%;
		margin: auto;
	}
	
	.rightTitle,.technologyContainer, .bgCenter,.footerMain,.long,.mainTop,.teMain {
	  width: 100%
	}
	.foMain&gt;ul {
		width: 80%
	}
	.footerMain,.navContainer  {
	    width: 90%;
	}
	.mainright {
	   /* width: 100%;*/
	}
	.mainleft {
	    width: 20%;
	}
	.mainright {
	    width: 74%;
	}
	.mainContainer {
	    width: 90%;
	    padding: 3% 3%;
	}
	.bannerWords {
	    right: 3%;
	}
	.mainLeftTitle {
	    padding-left: 30px;
	    height: 80px;
	    line-height: 80px;
	    background-color: #bf3222;
	    color: white;
	    font-size: 20px;
	}
	ul.mainTitle&gt;li{
		padding-left: 30px;
		 font-size: 16px;
	}
	.picsRight&gt;img{
		width: 100%
	}
	.picsRight {
	    width: 45.5%;
	    height: 310px;
	    margin-left: 1%
	}
	@media (min-width: 961px) and (max-width:1074px) {
		.picsRight {
		    height: 280px;
		}
	}
	.picsLbContainer {
	    padding: 3%;
	}
	.controler {
	    bottom: 50px;
	}
	.teMain,.mainTop  {
	    width: 96%;
	}

}

@media (min-width: 768px) and (max-width: 960px) {
	div#float {
	    position: absolute;
	    bottom: 32px;
	    right: 120px;
	    z-index: 99;
	}
	.rightTitle {
	    font-size: 25px !important;
	    position: absolute;
	    top: 0;
	}
	.mainRightTop {
	    position: relative;
	        height: 40px;
	}
	ul.products&gt;li {
	    width: 49.5%;
	}
	ul.products&gt;li:nth-child(2n){
		margin-right: 0px
	}
	
}
@media (max-width: 768px){
	a.prosTr {
	    width: 48%;
	    margin-right: 4%;
	    margin-bottom: 20px
	}
	a.prosTr:nth-child(2n) {
	    margin-right: 0
	}
	#float{
		display: none;
	}
}
@media (max-width:960px){ 
	.foMain&gt;ul, .ewm, .dz ,.carImgContainer,.searchContainer,.languageChange{
	    display: none;
	}
	.searchContainer {
	    position: absolute;
	    left: -3%;
	    right: -3%;
	    top: 48px;
	    z-index: 1;
	    background-color: #bf3528;
	}
	.searchContainer&gt;input {
	    background-color: #bf3528;
	}
	input#search[placeholder], [placeholder], *[placeholder] {
		color: #fff;
		outline: #fff;
	}
	input#search {
	    padding-left: 3%;
	    font-family: '寰蒋闆呴粦'
	}
	.searchContainer&gt;img {
	    margin-left: 3%;
	    vertical-align: middle;
	    margin-top: -2px;
	}
	input#search {
	    padding-left: 0%;
	}
	.linetop {
	      height: 23px;
	    width: 1px;
	    background-color: #7b727a;
	    display: inline-block;
	    position: absolute;
	    top: 13px;
	    right: 80px;
	}
	.language&gt;img {
	    margin: -3px 5px 0px 5px;
	}
	ul.languageChange&gt;li&gt;a {
	    color: white;
	    width: 40px;
	    display: inline-block;
	}
	ul.languageChange&gt;li {
	    float: left;
	    padding-left: 3%;
	    white-space: nowrap;
	}
	.language&gt;span{
		height: 48px;
    line-height: 48px;
    color: #66727a;
	}
	.pagenavigate,div#pagefirst,div#pagelast {
	    display: none !important;
	}
	.banner li{
		opacity: 0;
		display: none;
	}
	.banner li:first-child{
		opacity: 1;
		display: block;
	}
	ul.languageChange {
	    position: absolute;
	    z-index: 1;
	    width: 106%;
	    left: -3%;
	    background-color: #a52b22;
	    color: white;
	}
.language&gt;span:hover ul.languageChange{
	display: block;
}
	ul.secondNav a {
	    color: #e0e0e0;
	    text-indent: 2em;
	    display: block;
	}
	ul.secondNav&gt;li {
	    border: 0px;
	    border-bottom: 0px solid rgba(51, 51, 51, 0) !important;
	}
	nav.nav&gt;ul {
    /* display: none; */
	    position: absolute;
	    left: 0;
	    right: 0;
	}
	.close&gt;span:before {
	    display: block;
	    content: ' ';
	    width: 30px;
	    height: 2px;
	    background-color: #bf3528;
	    position: absolute;
	    top: -10px;
	}
	.open&gt;span:before {
	    display: block;
	    content: ' ';
	    width: 30px;
	    height: 2px;
	    background-color: #bf3528;
	    position: absolute;
        transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
	}
	.close&gt;span:after {
	    display: block;
	    content: ' ';
	    width: 30px;
	    height: 2px;
	    background-color: #bf3528;
	    position: absolute;
	    top: 10px;
	}
	.open&gt;span:after {
	    display: block;
	    content: ' ';
	    width: 30px;
	    height: 2px;
	    background-color: #bf3528;
	    position: absolute;
	        transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	}
	.close&gt;span,.open&gt;span  {
	    background-color: #bf3528;
	    display: block;
	    position: absolute;
	    top: 22px;
	}
	.close&gt;span{
		width: 30px;
	    height: 2px;
	}
	.open&gt;span{
		width: 30px;
	}
	.close,.open {
	    width: 30px;
	    float: right;
	    height: 48px;
	    position: relative;
	        margin-left: 10px;
	}
	.spanNav:after,.spanNav:before{
		transition:all 0.3s;
		-webkit-transition:all 0.3s;
		 -o-transition:all 0.3s;
		 -ms-transition:all 0.3s;
		 -moz-transition:all 0.3s;
	}
	nav.nav {
	    width: auto;
	        line-height: 44px;
	}
	.language {
	    float: left;
	}
	header {
	    height: 48px;
	    padding: 0 3%;
	}
	.logo&gt;a {
	    display: block;
	    width: 35px;
	    height: 35px;
	        margin-top: 5px;
	}
	nav.nav&gt;ul {
	     display: none; 
	    position: absolute;
	        left: -3%;
    right: -3%;
	    background-color: #bf3528;
	    z-index: 999;
	    top: 48px;
	    padding-left: calc(3% + 35px);
	    padding-left: -webkit-calc(3% + 35px);
	    padding-left: -moz-calc(3% + 35px);
	    padding-right: calc(3% + 35px);
	    padding-right: -webkit-calc(3% + 35px);
	    padding-right: -moz-calc(3% + 35px);
	}
	nav.nav li {
	    border-bottom: 1px solid rgba(219, 219, 219, 0.30);
	    position: relative;
	}
	nav.nav&gt;ul&gt;li&gt;i.closei {
		position: absolute;
	    right: 0;
	    top: 0;
	    width: 20px;
	    height: 30px;
	    z-index: 3;
	}
	nav.nav&gt;ul&gt;li&gt;i.closei:after {
	    display: block;
	    content: ' ';
	    background-image: url(../images/icon5.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 10px;
	    position: absolute;
	    background-size: contain;
	    z-index: 1;
	    right: 0;
	    top: 18px;
	}
	.openi:after{
		    display: block;
		    content: ' ';
		    background-image: url(../images/icon6.png);
		    background-repeat: no-repeat;
		    width: 20px;
		    height: 10px;
		    position: absolute;
		    background-size: contain;
		    z-index: 1;
		    right: 0;
		    top: 18px;
	}
	div#pagesShow&gt;div{
		float: inherit;
	}
	div#pagesShow {
	    display: -webkit-box;
	    -webkit-box-orient: horizontal;
	    -webkit-box-pack: center;
	    display: -moz-box;
	    -moz-box-orient: horizontal;
	    -moz-box-pack: center;
	    display: -o-box;
	    -o-box-orient: horizontal;
	    -o-box-pack: center;
	    display: -ms-box;
	    -ms-box-orient: horizontal;
	    -ms-box-pack: center;
	    display: box;
	    box-orient: horizontal;
	    box-pack: center;
	    padding-top: 14px;
	    padding-bottom: 20px;
	}
	nav.nav&gt;ul&gt;li&gt;a {
	    color: white;
	    font-size: 15px;
	}
	.footerBottom {
	    font-size: 12px;
        height: 30px;
    	line-height: 30px;
	    background-color: #e6e9eb;
	}
	footer {
	    height: 32px;
	    margin: 0;
	    padding: 0;
	}
	.foMain&gt;img {
	    width: 215px;
	    height: auto;
	    vertical-align: middle;
	}
	.foMain{
		line-height: 1
	}
	.footerMain {
	    margin: auto;
	    padding: 10px 0;
	}
	.navContainer,.newsCenter,.footerMain{
		width: 100%;
		margin: auto;
	}
	
	.rightTitle,.technologyContainer, .bgCenter,.footerMain,.navContainer {
	  width: 100%
	}
	/*鍏充簬-鍙戝睍鍘嗙▼*/
	.banners {
	    height: 130px;
	    background-image: url(../images/introbanner.png);
	    background-size: cover;
	    background-position: center;
	    position: relative;
	}

	.bannerWords {
		padding: 0 10px;
	    min-width: 60px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    background-color: #a82b1f;
	    color: white;
	    position: absolute;
	    right: 10px;
	    top: 50px;
	}
	.mainleft,.rightLinks{
		display: none;
	}
	.rightTitle {
       font-size: 20px;
	    color: #33393d;
	    padding: 15px 0 10px 0;
	    width: auto;
	    font-weight: bold;
	}
	.mainright {
	    padding: 3%;
	}
	.mainArticle {
	    color: #66727a;
	    font-size: 12px;
	        padding: 15px 0;
	    line-height: 2;
	}
	span.time&gt;b {
	    font-size: 14px;
	}
	ul.aboutLists {
	    font-size: 12px;
	}
	ul.aboutLists&gt;li {
		line-height: 1.4;
		padding: 10px 0;
	}
	ul.aboutLists&gt;li&gt;a {
	    color: #67737a;
	    font-size: 12px;
	    display: block;
	    padding: 10px 0px;
	    border-top: 1px dashed #dbdbdb;
	    line-height:20px;
	}
	ul.aboutLists img, .time {
		float: left;
		margin-right: 1%
	}
	ul.aboutLists img {
        width: 20px;
	    height: auto;
	    vertical-align: middle;
	    margin-top: 1px;
	}
	/*鍏徃浠嬬粛*/
	.mainArticle&gt;img {
	    max-width: 100%;
	}
	/*浜у搧*/
	
	
	ul.showPro&gt;li {
	        width: 70vw;
	    float: left;
	}
	ul.showPro {
	    padding-top: 30%;
	    margin-left: 13vw;
	        min-width: 2700px;
	}
	ul.showPro&gt;li {
	    background-color: #fff;
	    margin: 2vw;
	    overflow: hidden;
	}
	ul.showPro&gt;li&gt;A {
	    color: #33393d;
	}
	.moShowWords&gt;span {
	    font-weight: bold;
	}
	.moShowWords {
	    line-height: 2;
	    padding: 3%;
	}
	.mainWords {
	    font-size: 14px;
	    color: #67737a;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    line-height: 1.5;
	}
	.proWords {
	    padding: 8px;
	}
	ul.pages{
		display: none;
	}
	a.moShow&gt;img {
	    width: 100%;
	}
	.return {
	    color: white;
	    margin-top: 20px;
	    margin-left: 40px;
	    display: block;
	    position: relative;
	}
	a.return:before {
	    background-image: url(../images/icon4.png);
	    background-position: center;
	    background-size: cover;
	    width: 20px;
	    height: 20px;
	    display: block;
	    position: absolute;
	    content:' ';
	    left: -20px
	}
	/*鎶€鏈�*/
	.mainteTitle {
	    color: white;
	    background-color: #bf3222;
	    text-align: center;
	    line-height: 40px;
	    font-size: 16px;
	    width: 112px;
	}
	.teTitle {
	    font-size: 16px;
	    color: #33393d;
	    font-weight: bold;
	    margin-top: 20px;
	}
	hr.teLine,hr.picsline {
	    background-color: #bf3222;
	    width: 66px;
	    height: 2px;
	    margin-top: 10px;
	}
	.temain {
	    padding: 5% 3%;
	}
	.teMain&gt;article,.picsLbContainer article {
	    color: #67737a;
	    line-height: 2;
	    margin-top: 10px;
	    font-size: 14px;
	        margin-bottom: 8px;
	}
	ul.cotips{
		display: none;
	}
	.picsWords {
	    font-size: 24px;
	    color: #d8e0eb;
	    font-family: 'Myriad Pro','Arial';
	    margin: 15px 0px;
	}
	.zw {
	    font-size: 16px;
	    color: #33393d;
	    font-weight: bold;
	    margin-top: 20px;
	}
	.controler&gt;span {
	    color: #9aacb8;
	}
	ul.banner&gt;li&gt;img {
	    width: 100%;
	    margin-left: 3%;
	    height: auto;
	    margin-top: 3%;
	}
	.banner li{
		padding:0;
	}
	.picsRight {
    	width: 97%;
	    border: 2px solid #bf3222;
	    font-size: 0px;
	}
	.controler {
	    margin-top: 30px;
	    margin-bottom: 35px;
	}
	.picsLeft.r&gt;.picsWords {
	    display: none;
	}
	.picControl {
	    float: left;
	    margin-right: 13px;
	    margin-top: -1px;
	}
	.pagesShow{
       	margin: auto;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -moz-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    -moz-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    margin: 0;
	    width: 100% /* needed for Firefox */;
	}
	.pagesShow&gt;li {
	    margin: 1%;
	}
	 .pagesShow&gt;li&gt;a {
	    padding: 0;
	}
}






/* ---------------------------------
* newsList
------------------------------------*/
	ul.newsList&gt;li&gt;a {
	    display: block;
	    margin: auto;
	    color: #67737a;
	    line-height: 2;
	    padding: 30px 0px;
	    border-top: 1px solid #dbdbdb;
	}
	ul.newsList .newsTitle {
	    font-size: 20px;
	    color: #33393d;
	}
	ul.newsList .words {
	    width: 70%;
	    float: left;
	    padding-right: 5%;
	}
	ul.newsList&gt;li&gt;a&gt;img {
	    float: left;
	    width: 25%;
	    height: auto
	}

	ul.newsList&gt;li:last-child&gt;a{
		border-top: 0px
	}
	ul.newsList .time&gt;img {
	    vertical-align: middle;
	    margin-bottom: 1px;
	}
	ul.newsList .viewDetail {
	    border: 1px solid #dddddd;
	    float: right;
	    margin-right: 10px;
	    width: 120px;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    border-radius: 16px;
	}
	ul.newsList.clearfix&gt;li:hover {
	    background-color: #fff;
	}
	ul.newsList.clearfix&gt;li:hover .newsTitle {
	   color: #bf3222;
	}
	ul.newsList.clearfix&gt;li:hover .viewDetail {
	   color: #bf3222;
	       border: 1px solid #bf3222;
	}
	ul.newsList .words&gt;article {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    margin-bottom: 40px;
	}
	ul.newsList .newsTitle {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 1;
	}
	.newsContainer-detail&gt;h1 {
	    font-size: 20px;
	    color: #33393d;
	    text-align: center;
	}
	.newsContainer-detail {
	    width: 1120px;
	    margin: auto;
	    margin-top: 40px;
	    padding-bottom: 40px;
	}
	.temain .li {
		color: #9aacb8;
		width: 450px;
		margin: auto;
		text-align: center;
	}
	.temain .li&gt;span {
	    margin: 10px;
	}
	.newsContainer-detail&gt;p {
	    margin: 15px 0;
	    line-height: 2;
	    color: #67737a;
	}
	.newsContainer-detail img {
	    margin: auto;
	    max-width: 100%;
	    height: auto
	}
	.newsContainer-detail input {
	    margin: auto;
	    max-width: 100%;
	    height: auto
	}
	.newscontrols {
	    width: 1120px;
	    margin: auto;
	    padding-bottom: 50px;
	}
	.newsPrev,.newsNext {
	    min-width: 60px;
	    height: 40px;
	    padding: 0 20px;
	    text-align: center;
	    line-height: 40px;
	    background-color: #e6e9eb;
	    border-radius: 40px;
	}
	.newsPrev a, .newsNext a{
	    display: block;
	    color: #67737a;
	}
	.newsPrev{
		float: left;
	}
	.newsNext {
		float: right;
	}
	.newscontrols {
		text-align: center;
	}
	.newscontrols&gt;a {
	        margin: auto;
	    display: inline-block;
	    height: 40px;
	    min-width: 90px;
	    padding: 0 10px;
	    background-color: #bf3222;
	    text-align: center;
	    line-height: 40px;
	    color: white;
	    border-radius: 40px;
	    cursor: pointer;
	}
	@media(min-width:961px){
		/*.more {
			display: none;
		}*/
		ul.newsList&gt;li&gt;a {
		    width: 1120px;
		}
		ul.newsList .words&gt;article {
		    -webkit-line-clamp: 2;
		}
		ul.newsList .words&gt;article {
		    margin-bottom: 40px;
		}
		
		@media(min-width:961px) and (max-width:1150px){
			.temain .mainTop{
				width: 100%
			}
			.temain .mainTop, ul.newsList&gt;li&gt;a {
			    width: 97%;
			}
			ul.newsList.clearfix {
			    padding-top: 40px;
			}

		}
	}
	@media(max-width:960px){
		ul.newsList .viewDetail{
			display: none;
		}
		ul.newsList .words&gt;article {
		    -webkit-line-clamp: 1;
		}
		ul.newsList .words&gt;article {
		    margin-bottom: 1%;
		}
		ul.newsList&gt;li&gt;a{
			padding: 10px 0px;
		}
		.temain {
		    padding: 5% 3% 0% 3%;
		}
		/*.more {
		    text-align: center;
		    line-height: 50px;
		    color: #9aacb8;
		     border-top: 1px solid #dbdbdb;
		}*/
		ul.newsList&gt;li&gt;a&gt;img {
		    float: left;
		    width: 30%;
		    height: auto;
		    padding: 4% 0;
		}
		ul.newsList .words {
	    	width: 65%;
		    float: left;
		    padding-right: 5%;
		}
		.newsContainer-detail,.newscontrols{
			width: 100%
		}
		.temain .li&gt;span{
			margin:1%;
		}
		.temain .li{
			width: 97%;
			padding: 0px 2%
		}
	}


	.newsContainer&gt;h1 {
	    font-size: 20px;
	    color: #33393d;
	    text-align: center;
	}
	.newsContainer {
	    width: 1120px;
	    margin: auto;
	    margin-top: 40px;
	    padding-bottom: 40px;
	}

	.newsContainer .NewsDetailConws {
	    line-height: 2;
	    color: #67737a;
	    overflow: hidden;
	}
	.newsContainer .NewsDetailConws&gt;p {
	    margin: 15px 0;
	}

	@media(max-width:960px){
		.newsContainer,.newscontrols{
			position: relative;
			width: 100%
		}
	}

	@media(max-width:640px){
		.newscontrols {
			padding-bottom: 100px;
		}
		.newscontrols&gt;a {
			display: block;
			position: absolute;
		    top: 50px;
		    left: 50%;
			width: auto;
			padding: 0 20px;
		    transform: translate(-50% ,0);
		}
	}



/* ---------------------------------
* contact
------------------------------------*/
  	.contactContainer .marker {
        color: #ff6600;
        padding: 4px 10px;
        border: 1px solid #fff;
        white-space: nowrap;
        font-size: 12px;
        font-family: "";
        background-color: #0066ff;
    }
    .contactContainer .map {
	    width: 50%;
	    position: relative;
	    height: 280px;
	    float: left;
	}
	.contactContainer .white {
	    background-color: white;
	    padding: 20px 2% 60px 2%;
	}
	.contactContainer .condz {
	    width: 46%;
	    float: left;
	    padding: 20px 2%;
	    height: 240px;
	}
	.contactContainer span.imgWords {
	    display: block;
	    color: #f7f9fa;
	    font-size: 40px;line-height: 1;
	}
	.contactContainer .white {
	    background-color: white;
	}
	.contactContainer .dztitle, .contactContainer .dtitle {
	    
	    font-size: 20px;
	    font-weight: bold;
	    text-align: left;
	    line-height: 3;
	    border-bottom: 1px solid #dbdbdb
	}
	.contactContainer .dztitle{
		color: #bf3222;
	}
	.contactContainer .dtitle {
		color: #33393d;
	}
	.contactContainer hr.redLine, .contactContainer .blackLine{
	    width: 78px;
	    height: 2px;
	    margin-bottom: 10px
	}
	.contactContainer .blackLine{
		 background-color: #7a6f67;
	}
	.contactContainer hr.redLine{
	    background-color: #bf3222;

	}
	.contactContainer .formtable label {
	    display: block;
	}
	.contactContainer .formtable input {
	    background: #e1e4e6;
	}
	.contactContainer .formtable label&gt;span {
		    color: red;
	}
	.contactContainer .formlists {
	    margin-bottom: 10px;
	}
	.contactContainer textarea.message {
	    height: 70px;
	    width: 100%;
	    display: block; background: #e1e4e6;
	}
	.contactContainer #submit {
	    background-color: #bf3222;
	    float: right;
	    font-family: '寰蒋闆呴粦';
	    width: 108px;
	    height: 38px;
	    color: white;
	    text-align: center;
	    line-height: 38px;
	}
	@media (min-width: 961px){
		.contactContainer {
		    background-color: white;
		    padding: 30px;
		}
		.contactContainer .formtable input {
		    width: 352px;
		    height: 36px;
		}
		
		.contactContainer .formlists:nth-child(2n-1) {
		    margin-right: 30px;
		}
		.contactContainer .formlists {
		    float: left;
		    margin-bottom: 28px
		}
		
		
		.contactContainer .formlists:nth-child(5) {
			width: 100%;
		}
		
		.contactContainer .teleTitle {
		    font-size: 20px;
		}
		.contactContainer .teles {
		    margin-top: 30px;
		    padding-top: 25px;
		    color: #33393d;
		    border-top:1px solid #dbdbdb;
		}
		.contactContainer .teles&gt;span {
		    margin-right: 2%;
		}
		@media (min-width: 961px) and (max-width: 1180px){
			.contactContainer .dztitle, .contactContainer .dtitle {
			    font-size: 16px;
			    line-height: 2
			}
			.contactContainer span.imgWords{
				font-size: 25px
			}
		}
	}
	@media (max-width: 960px){
		.contactContainer .map {
		    width: 100%;
		}
		.contactContainer .condz {
		    width: 100%;
		    padding: 0;
		    height: auto;
		    padding-bottom: 10px
		}
		.contactContainer span.imgWords{
			display: none;
		}
		.contactContainer .dztitle, .contactContainer .dtitle {
			font-size: 14px
		}
		.contactContainer .formtable input {
		    width: 100%;
		    height: 30px;
		}
	}






/* ---------------------------------
* column
------------------------------------*/
	.width1120 {
		position: relative;
		z-index: 3;
	}
	.technologyContainer *,
	.technologyContainer * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.technologycolumnTp-topwp .leftImage img {
		display: block;
		width: 100%;
	}
	.technologycolumnTp-topwp .rightText {
		font-size: 14px;
	}
	.technologycolumnTp-topwp .rightText .btnsWrp {
		text-align: center;
		/*display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    -moz-justify-content: space-between;
	    -ms-justify-content: space-between;
	    -o-justify-content: space-between;
	    justify-content: space-between;*/
	}
	.technologycolumnTp-topwp .rightText .btnsWrp .links {
		display: inline-block;
		width: 46%;
		text-align: center;
		color: #a82b1f;
		font-size: 14px;
		border: 2px solid #a82b1f;
		-webkit-transition: all .2s ease-out;
	    -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	    -o-transition: all .2s ease-out;
	    transition: all .2s ease-out;
	}
	.technologycolumnTp-topwp .rightText .btnsWrp .links:hover {
		color: #fff;
		background-color: #a82b1f;
	}

	.applicationcolumnTp-topwp {
		line-height: 1.6;
	}
	.application-til {
		color: #343635;
		font-weight: bold;
		text-align: center;
	}
	.applicationcolumnTp-topwp .application-des {
		text-align: left;
	}
	.applicationcolumnTp-topwp .application-des .carImgContainer {
		text-align: center;
	}

	.columnWrapper .columnList {
		text-align: center;
		-webkit-box-shadow: 0 2px 8px rgba(0,0,0, .2);
		-moz-box-shadow: 0 2px 8px rgba(0,0,0, .2);
		box-shadow: 0 2px 8px rgba(0,0,0, .2);
	}
	.columnWrapper .columnList li {
		display: inline-block;
	}
	.columnWrapper .columnList li span,
	.columnWrapper .columnList li a {
		display: block;
		line-height: 24px;
		font-size: 16px;
		color: #333;
		-webkit-transition: all .2s ease-out;
	    -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	    -o-transition: all .2s ease-out;
	    transition: all .2s ease-out;
	    cursor: pointer;
	}
	.columnWrapper .columnList li span:hover,
	.columnWrapper .columnList li.active span,
	.columnWrapper .columnList li a:hover,
	.columnWrapper .columnList li.active a {
		color: #A82B1F;
		font-weight: bold;
	}

	.columnLiBottom {
		font-size: 14px;
		color: #666;
	}
	.columnLiBottom img {
		max-width: 100%;
		height: auto !important;
	}
	.columnLiBottom .columnTit {
		text-align: center;
		font-weight: bold;
		color: #000;
	}
	.columnLiBottom .columnDes .textConm {
		line-height: 1.6;
	}
	.columnLiBottom .columnDes .textConm02 {
		line-height: 1.6;
	}

	.columnLiBottom .columnDes .textConm table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.columnLiBottom .columnDes .textConm table tr td {
		padding: 4px;
		border: 1px solid rgba(0,0,0, .5);
	}


	@media (min-width: 961px) {
		.width1120 {
			max-width: 1120px;
			margin: auto;
		}
		.application-til {
			font-size: 28px;
		}
		.applicationcolumnTp-topwp .application-des {
			margin-top: 20px;
		}
		.columnLiBottom {
			margin-top: 60px;
		}
		.columnTit {
			font-size: 28px;
		}
		.columnWrapper .columnList {
			display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    /*-webkit-justify-content: space-between;
		    -moz-justify-content: space-between;
		    -ms-justify-content: space-between;
		    -o-justify-content: space-between;
		    justify-content: space-between;*/
		}
		.columnWrapper .columnList li {
			margin-right: 60px;
		}
		.columnWrapper .columnList li:last-child {
			margin-right: 0;
		}
		.columnWrapper .columnList li span,
		.columnWrapper .columnList li a {
			padding-top: 28px;
			padding-bottom: 28px;
		}
		.columnLiBottom .columnDes {
			margin-top: 34px;
		}
		.columnLiBottom .columnDes .textConm {
			max-width: 780px;
			margin: auto;
		}
		.columnLiBottom .columnDes .textConm02 {
			max-width: 920px;
			margin: auto;
		}

		.columnLiBottom {
			padding-bottom: 140px;
		}

		.columnLiBottomItem {
			margin-top: 80px;
		}
		.columnLiBottomItem:first-child {
			margin-top: 0;
		}
	}

	@media (max-width: 960px) {
		.width1120 {
			padding-left: 3%;
			padding-right: 3%;
		}
		.technologycolumnTp-topwp .rightText,
		.columnLiBottom {
			font-size: 12px;
		}
		.application-til {
			font-size: 16px;
		}
		.applicationcolumnTp-topwp .application-til {
			display: none;
		}
		.columnLiBottom {
			margin-top: 30px;
		}
		.columnTit {
			font-size: 16px;
		}
		.columnWrapper .columnList {
			padding: 8px 0;
		}
		.columnWrapper .columnList li span,
		.columnWrapper .columnList li a {
			padding: 4px 10px;
		}

		.columnLiBottom {
			padding-bottom: 60px;
		}

		.columnLiBottomItem {
			margin-top: 30px;
		}
		.columnLiBottomItem:first-child {
			margin-top: 0;
		}
		.columnLiBottom .columnDes {
			margin-top: 20px;
		}
	}

	@media (min-width: 768px) {
		.technologycolumnTp-topwp .leftImage {
			width: 403px;
			flex: 0 0 403px;
		}
		.technologycolumnTp-topwp .rightText {
			padding-top: 28px;
			padding-left: 36px;
		}
		.technologycolumnTp-topwp .rightText .btnsWrp {
			margin-top: 30px;
		}
		.technologycolumnTp-topwp .rightText .btnsWrp .links {
			height: 44px;
			line-height: 44px;
		}
	}

	@media (max-width: 767px) and (min-width: 641px) {
		.technologycolumnTp-topwp .leftImage {
			width: 250px;
			flex: 0 0 250px;
		}
		.technologycolumnTp-topwp .rightText {
			padding-left: 20px;
		}
		.technologycolumnTp-topwp .rightText .btnsWrp {
			margin-top: 20px;
		}
	}

	@media (min-width: 641px) {
		.technologycolumnTp-topwp {
			display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-justify-content: space-between;
		    -moz-justify-content: space-between;
		    -ms-justify-content: space-between;
		    -o-justify-content: space-between;
		    justify-content: space-between;
		}
		.technologycolumnTp-topwp .rightText {
			flex: 1;
		}
	}

	@media (max-width: 767px) {
		.technologycolumnTp-topwp .rightText .btnsWrp {
			margin-top: 20px;
		}
		.technologycolumnTp-topwp .rightText .btnsWrp .links {
			height: 36px;
			line-height: 36px;
		}
	}

	@media (max-width: 640px) {
		.technologycolumnTp-topwp .rightText {
			margin-top: 20px;
		}
	}





/* ---------------------------------
* technology
------------------------------------*/
	.columnLiBottom .advantageList {
		font-size: 0;
		text-align: center;
	}
	.columnLiBottom .advantageList .items {
		display: inline-block;
		-webkit-box-shadow: 0 2px 8px rgba(0,0,0, .2);
		-moz-box-shadow: 0 2px 8px rgba(0,0,0, .2);
		box-shadow: 0 2px 8px rgba(0,0,0, .2);
	}
	.columnLiBottom .advantageList .items:first-child {
		margin-left: 0;
	}
	.columnLiBottom .advantageList .items:last-child {
		margin-right: 0;
	}
	.columnLiBottom .advantageList .items img {
		display: inline-block;
		vertical-align: bottom;
	}
	.columnLiBottom .advantageList .items .tex {
		display: inline-block;
		font-size: 12px;
	}

	.columnLiBottom .scopeList {
		position: relative;
		font-size: 0;
	}
	.columnLiBottom .scopeList .left,
	.columnLiBottom .scopeList .right {
		position: absolute;
		top: 50%;
		margin-top: -25px;
		z-index: 10;
	}

	.columnLiBottom .scopeList .left img,
	.columnLiBottom .scopeList .right img {
		height: 50px;
	}

	.columnLiBottom .scopeList .left {
		left: 0;
	}
	.columnLiBottom .scopeList .right {
		right: 0;
	}

	.columnLiBottom .scopeList .items {
		position: relative;
		display: inline-block;
		width: 50%;
	}
	.columnLiBottom .scopeList .items img {
		display: block;
		position: relative;
		z-index: 2;
		width: 100%;
	}
	.columnLiBottom .scopeList .items .tex {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		line-height: 24px;
		color: #fff;
		text-align: center;
		background-color: rgba(0,0,0, .5);
	}


	@media (min-width: 961px) {
		.columnWrapper-technology .columnList {
		    padding: 0 60px;
		}
		.columnLiBottomItem-advantage {
			padding-top: 22px;
			margin-top: 0;
		}
		.columnLiBottom .advantageList .items {
			padding: 22px;
			margin: 0 14px;
		}
		.columnLiBottom .advantageList .items img {
			height: 35px;
		}
		.columnLiBottom .advantageList .items .tex {
			margin-left: 12px;
			line-height: 35px;
			font-size: 16px;
		}

		.columnLiBottom .scopeList {
			margin-top: 40px;
		}
		.columnLiBottom .scopeList .items .tex {
			padding: 13px 0;
			font-size: 20px;
		}
	}
	@media (max-width: 960px) {
		.columnLiBottom .advantageList .items {
			padding: 8px;
			margin: 8px 8px 0;
		}
		.columnLiBottom .advantageList .items img {
			height: 24px;
		}
		.columnLiBottom .advantageList .items .tex {
			margin-left: 8px;
			line-height: 24px;
		}

		.columnLiBottom .scopeList {
			margin-top: 20px;
		}
		.columnLiBottom .scopeList .items .tex {
			padding: 4px;
			font-size: 12px;
		}
	}

	@media (max-width: 480px) {
		/*.columnLiBottom .scopeList .items {
			width: 100%;
			margin-top: 14px;
		}
		.columnLiBottom .scopeList .items:first-child {
			margin-top: 0;
		}*/
	}




/* ---------------------------------
* application
------------------------------------*/
	.columnLiBottom .carList {
		text-align: center;
		font-size: 0;
	}
	.columnLiBottom .carList .link {
		display: inline-block;
		color: #e60012;
		cursor: pointer;
	}
	.columnLiBottom .carList .link:first-child {
		margin-left: 0;
	}
	.columnLiBottom .carList .link:last-child {
		margin-right: 0;
	}
	.columnLiBottom .carList .link img {
		vertical-align: baseline;
	}
	/*.columnLiBottom .scopeList .swiper-container,*/
	.columnLiBottom .applicationItem01List {
		display: none;
	}
	.columnLiBottom .applicationItem01List .scopeList .items {
		width: 100%;
	}

	.applicationItem02 {
		position: relative;
	}
	.applicationItem02::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
		height: 59%;
		background-color: #EDEDED;
	}
	.applicationList {
		font-size: 0;
	}
	.applicationList .item {
		display: inline-block;
		font-size: 12px;
	}
	.applicationList .item:nth-child(1) {
		margin-top: 0;
	}
	.applicationList .item .link {
		display: block;
		position: relative;
	}
	.applicationList .item .pics {
		position: relative;
		z-index: 3;
	}
	.applicationList .item .pics img {
		display: block;
		width: 100%;
	}
	.applicationList .item .cons {
		display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
	    -webkit-justify-content: center;
	    -moz-justify-content: center;
	    -ms-justify-content: center;
	    -o-justify-content: center;
	    justify-content: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
		background-color: rgba(0,0,0, .5);
		-webkit-transition: all .2s ease-out;
	    -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	    -o-transition: all .2s ease-out;
	    transition: all .2s ease-out;
	    overflow: hidden;
	    opacity: 0;
	    filter: alpha(opacity=0);
	}
	.applicationList .item .boxw {
		line-height: 1.4;
		color: #fff;
		text-align: center;
	}
	.applicationList .item .en::after {
		content: '';
		display: block;
		width: 40px;
		height: 2px;
		margin: auto;
		background-color: #fff;
	}

	.applicationList .item .link:hover .cons {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	@media (min-width: 961px) {
		.columnLiBottom .carList .link {
			margin-left: 20px;
			margin-right: 20px;
			font-size: 16px;
		}
		.columnWrapper-application .columnList {
		    padding: 0 24px;
		}

		.applicationItem01 {
			padding-bottom: 40px;
		}
		.applicationItem02,
		.applicationList {
			padding-top: 80px;
		}
		.applicationList .item .cons {
			padding: 0 16%;
		}
		.applicationList .item .til {
			font-size: 24px;
		}
		.applicationList .item .en {
			margin-top: 6px;
			font-size: 16px;
		}
		.applicationList .item .en::after {
			margin-top: 12px;
		}
		.applicationList .item .words {
			margin-top: 14px;
			font-size: 14px;
		}
	}

	@media (max-width: 960px) {
		.columnLiBottom .carList .link {
			margin-left: 4px;
			margin-right: 4px;
			font-size: 12px;
		}
		.applicationItem02,
		.applicationList {
			padding-top: 30px;
		}
		.applicationList .item .cons {
			padding: 0 14px;
		}
		.applicationList .item .til {
			font-size: 14px;
		}
		.applicationList .item .en {
			margin-top: 2px;
			font-size: 12px;
		}
		.applicationList .item .en::after {
			margin-top: 8px;
		}
		.applicationList .item .words {
			margin-top: 8px;
			font-size: 12px;
		}
	}

	@media (min-width: 481px) {
		.applicationList .item {
			width: 48.75%;
			margin-right: 2.5%;
			margin-top: 2.5%;
		}
		.applicationList .item:nth-child(2n) {
			margin-right: 0;
		}
		.applicationList .item:nth-child(2) {
			margin-top: 0;
		}
	}

	@media (max-width: 480px) {
		.applicationList .item {
			margin-top: 20px;
		}
	}




/*===============================
*******modify 2020-07-16
=====================================*/
	.proCenterContainer .btns {
		display: none;
	}
	.mainArticle .applicationcolumnTp-topwp img {
		height: auto !important;
	}
	.application-prosTb a.prosTr {
		background-color: #F0F3F5;
	}
	.mainteTitle {
		display: inline-block;
		width: auto;
		padding: 0 30px;
	}

	.applicationContainer-detail * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.applicationContainer-detail img {
		max-width: 100%;
	}
	.applicationContainer-detail .gallery .word {
		margin-top: 8px;
		text-align: center;
		color: #333;
	}
	.applicationContainer-detail .gallery .list2,
	.applicationContainer-detail .gallery .pic {
		font-size: 0;
	}
	.applicationContainer-detail .gallery .pic img {
		border: 1px solid #eee;
	}
	.applicationContainer-detail .gallery .list2 .pic,
	.applicationContainer-detail .gallery .list1 .pic img {
		display: inline-block;
		width: 48%;
		margin-right: 4%;
	}
	.applicationContainer-detail .gallery .list2 .pic:nth-child(2n),
	.applicationContainer-detail .gallery .list1 .pic img:nth-child(2n) {
		margin-right: 0;
	}
	.applicationContainer-detail .gallery .list2 .pic {
		margin-top: 18px;
	}
	.applicationContainer-detail .gallery .list2 .pic:nth-child(1),
	.applicationContainer-detail .gallery .list2 .pic:nth-child(2) {
		margin-top: 0;
	}
	.applicationContainer-detail .gallery .list2 img {
		width: 100%;
	}
	.applicationContainer-detail .description {
		line-height: 1.6;
		font-size: 16px;
		color: #666;
	}

	@media (min-width: 961px) {
		.applicationContainer-detail {
			padding-top: 110px;
			padding-bottom: 130px;
		}
		.applicationContainer-detail .content {
			overflow: hidden;
		}
		.applicationContainer-detail .gallery {
			width: 66%;
			float: right;
		}
		.applicationContainer-detail .gallery .word {
			font-size: 18px;
		}
		.applicationContainer-detail .description {
			width: 34%;
			padding: 0 36px;
			float: left;
			display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    -webkit-align-items: center;
		    -moz-align-items: center;
		    -ms-align-items: center;
		    -o-align-items: center;
		    align-items: center;
		}
		.applicationContainer-detail .description .textTom {
			width: 100%;
		}
	}

	@media (max-width: 960px) {
		.applicationContainer-detail {
			margin-top: 40px;
			padding-bottom: 50px;
		}
		.applicationContainer-detail .gallery .word {
			font-size: 14px;
		}
		.applicationContainer-detail .description {
			margin-top: 35px;
		}
	}




#head_search2, .look-more-techLi {
	display: none;
}

/*===============================
*******modify 2020-08-18
=====================================*/
@media (min-width: 961px){
	ul.mainTitle&gt;li {
		height: auto;
		padding-top: 25px;
		line-height: 24px;
	}
	ul.mainTitle&gt;li&gt;a {
		display: block;
		padding-right: 40px;
		padding-bottom: 20px;
	}
	ul.mainTitle&gt;li .sub {
		display: none;
		padding-bottom: 20px;
	}
	ul.mainTitle&gt;li.mainTitleChoose .sub {display: block !important;}
	ul.mainTitle&gt;li .sub a {
		display: block;
		margin-top: 5px;
		line-height: 22px;
		font-size: 14px;
		color: #67737a
	}
	ul.mainTitle&gt;li .sub a:first-child {
		margin-top: 0;
	}
	ul.mainTitle&gt;li:hover .sub a {
		color: #67737a !important
	}
	ul.mainTitle&gt;li .sub a:hover {
		color: #bf3222 !important;
	}

}

@media (min-width: 641px){
	.technologycolumnTp-topwp .rightText .descTx {
		max-height: 400px;
		overflow: hidden;
	}
	.technologycolumnTp-topwp .rightText .descTx.active {
		max-height: none;
	}
	.look-more-techLi {
		display: block;
		margin-top: 16px;
		text-align: right;
	}
	.look-more-techLi .words {
		display: inline-block;
		position: relative;
		padding-right: 28px;
		line-height: 24px;
		cursor: pointer;
		color: #a82b1f;
	}
	.look-more-techLi .words::after {
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		width: 24px;
		height: 24px;
		background-image: url(../images/jtw.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 18px;
	}
	.look-more-techLi.active .words1,
	.look-more-techLi .words2 {
		display: none;
	}
	.look-more-techLi.active .words1 {}
	.look-more-techLi.active .words2 {
		display: block;
	}
	.look-more-techLi.active .words::after {
		transform: rotate(-180deg);
	}
}






/*===============================
*******modify 2020-09-25
=====================================*/
@media (min-width: 961px){
	/*.bodyEn nav.nav&gt;ul,
	.bodySpain nav.nav&gt;ul {
		margin-right: 45px;
	}*/
}


/*bodyCn*/


/*bodyEn*/


/*bodySpain*/</pre></body></html>